<template>
	<div class="hot">
		<div class="top">
			<div class="hot-box">
				<img class="hot-tu" src="../../../../public/img/化妆品.webp" alt="">
				<div class="text">bebance.net</div>
			</div>
		</div>

		<div class="good">
			<div class="gone" style="font-size: 25px;">★ </div>
			<div class="gtext"> 关注</div>
		</div>
	</div>

</template>

<script>
</script>

<style lang="scss" scoped>
	.hot {
		width: 240px;
		height: 232px;

		border-radius: 10px;

		.top {
			width: 240px;
			height: 184px;
			background-color: rgb(247, 249, 250);
			border-radius: 10px;

			.hot-box {
				width: 240px;
				height: 77px;
				text-align: center;
				padding-top: 50px;

			}

			.hot-tu {
				width: 52px;
				height: 52px;
				border-radius: 50px;

			}
		}

		.good {
			width: 240px;
			height: 40px;
			background-color: rgb(255, 89, 103);
			border-radius: 10px;
			display: flex;
			justify-content: center;
			text-align: center;
			color: white;
			line-height: 40px;
			margin-top: 8px;
		}
	}
</style>